$('.clothing1 .center .xxk01 a').each(function (i, v) {
    $(v).on('mouseover', function () {
        $('.clothing1 .center .clothing_bottm .xxk').hide();
        $('.clothing1 .center .clothing_bottm .xxk')[i].style.display = 'block';
    })
})

$('.clothing2 .center .xxk01 a').each(function (i, v) {
    $(v).on('mouseover', function () {
        $('.clothing2 .center .clothing_bottm .xxk').hide();
        $('.clothing2 .center .clothing_bottm .xxk')[i].style.display = 'block';
    })
})

$('.clothing3 .center .xxk01 a').each(function (i, v) {
    $(v).on('mouseover', function () {
        $('.clothing3 .center .clothing_bottm .xxk').hide();
        $('.clothing3 .center .clothing_bottm .xxk')[i].style.display = 'block';
    })
})

$('.clothing4 .center .xxk01 a').each(function (i, v) {
    $(v).on('mouseover', function () {
        $('.clothing4 .center .clothing_bottm .xxk').hide();
        $('.clothing4 .center .clothing_bottm .xxk')[i].style.display = 'block';
    })
})

// console.log($('.clothing .center .xxk01 a'));
// $('.clothing .center .clothing_bottm .xxk')


$('.side_navigation li').each(function(i,v){
    $(v).on('click', function () {
        $('html').stop(true).animate({scrollTop:$('.floor_scroll').eq(i).offset().top},1000)
    })
})
